import * as React from "react";
import { observer } from "mobx-react";
import { Row, Col, Menu } from "antd";
import { WeaInputNumber, WeaCheckbox, WeaSelect, WeaLocaleProvider } from "ecCom";
import HuobiFormatterStore from "../FormatterSettingDialog"
const getLabel = WeaLocaleProvider.getLabel;
export interface IHuobiFormatter {
    store: HuobiFormatterStore;
}
@observer
export default class HuobiFormatter extends React.Component<IHuobiFormatter, {}> {
    render() {
        const { store } = this.props;
        const { xiaoshuvalue = 2, onChangeXiaoshuwei } = store;
        return (
            <div>
                <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@u3pgn5`} className="edcreport-formatter-common">
                    <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@r3qgtj`} span={4} style={{ verticalAlign: 'top', display: 'inline-block', lineHeight: '33px' }}>
                        <label>{getLabel('526948','小数位数：')}</label>
                    </Col>
                    <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@jdp8bq`} span={8}>
                        <WeaInputNumber ecId={`${this && this.props && this.props.ecId || ''}_WeaInputNumber@osqncj`} value={xiaoshuvalue} onChange={onChangeXiaoshuwei} min={0} max ={30} style={{ width: 60, marginRight: 10 }}></WeaInputNumber>
                    </Col>
                </Row>
                
            </div>
        );
    }
}